@{
    Layout=null;
}
@using mvc.Models;
@model IEnumerable<Book>;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="~/css/Base.css">
</head>
<body>
    <div class="father">
        <select name="" id="" onchange="SelectChange()">
            <option class="option" value="1" selected>书名</option>
            <option class="option" value="2">Id</option>
            <option class="option" value="3">图书馆Id</option>
        </select>
        <input id="find" type="text" placeholder="请输入书名"> 
        <input type="button" value="查找" onclick="Find()">
        <input  id="back" type="button" value="返回" onclick="Back()">
        <input id="add" type="button" value="新增" onclick="Add()">
        <table class="table">
            <tr>
                <th>Id</th>
                <th>书名</th>
                <th>创建时间</th>
                <th>图书馆Id</th>
                <th>操作</th>
            </tr>
            @foreach (var item in Model)
            {
              <tr class="row">
                <td>@item.Id</td>
                <td>@item.BookName</td>
                <td>@item.Createtime</td>
                <td>@item.LibraryId</td>
                <td>
                    <input type="button" value="编辑" onclick="Endit(@item.Id)">
                    <input type="button" value="删除" onclick="Delete(@item.Id)">
                </td>
            </tr>  
            }
            
        </table>
    </div>
</body>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/Base.js"></script>
</html>   